
.sppi-box div{
	box-sizing: border-box;
}

.sppi-box{
	width: 100%;
	height: 100%;
}

.sppi-title{
	margin-bottom: 15px;
	width: 300px;
	height: 50px;
	background: #1FA2FA;
}

.sppi-title i{
	margin: 3px 30px 0px 20px;
	font-size: 24px;
	color: #fff;
}

.sppi-title .sppi-title-cont{
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	vertical-align: 2px;
}

.sppi-container{
	position: relative;
	padding-top: 40px;
	width: 100%;
	height: calc( 100% - 70px);
}

.sppi-container .select-group{
	position: absolute;
	top: 0px;
	left: 6px;
	width: 80%;
	height: 40px;
}

.sppi-container .show-area{
	width: 100%;
	height: 100%;
}

.show-area > div{
	float: left;
	padding: 0px 6px;
 	width: 33.332%;
	height: 100%;
	box-sizing: border-box;
}
